import { extend } from 'umi-request';
import { notification } from 'antd';

/**
 * 错误处理（覆盖默认错误处理配置）
 * @param error
 */
const errorHandler = (error: { response: Response }): Response => {
  const codeMap: Record<number, string> = {
    200: '服务器成功返回请求的数据。',
    201: '新建或修改数据成功。',
    202: '一个请求已经进入后台排队（异步任务）',
    204: '删除数据成功',
    400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
    401: '用户没有权限（令牌、用户名、密码错误）。',
    403: '用户得到授权，但是访问是被禁止的。',
    404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
    406: '请求的格式不可得。',
    410: '请求的资源被永久删除，且不会再得到的。',
    422: '当创建一个对象时，发生一个验证错误。',
    500: '服务器发生错误，请检查服务器。',
    502: '网关错误。',
    503: '服务不可用，服务器暂时过载或维护。',
    504: '网关超时。',
    // '021': 'An error has occurred',
    // '022': 'It’s a big mistake,',
    // ....
  };
  if (error.response) {
    console.log(error.response.status);
    // console.log(error.response.headers);
    // console.log(error.data);
    // console.log(error.request);
    // console.log(codeMap[error.data.status]);
    const errorText = codeMap[error?.response.status];
    const { status, url } = error.response;
    notification.error({
      message: `请求错误 ${status}:${errorText}`,
      description: url,
    });
  }
  return error.response;
};

// 创建umi-request实例，统一配置（修改）请求时的默认参数。最后将这个request实例导出在service中使用。
// 在service中使用request实例时，有特殊情况可以传options覆盖默认参数
const request = extend({
  errorHandler,
  timeout: 3 * 60 * 1000, //默认为1000
  //   params: {}, //适用于get请求，放在请求url后面的参数。
  //   data: {}, // 适用于post请求，作为请求主体被发送。值必须是以下类型之一：- string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams，- 浏览器专属：FormData, File, Blob
  // headers:{},
  // errorHandler,
  // ....
});

/**
 * 请求拦截器
 * 以向原请求参数中统一添加userNo字段为例，返回处理后的请求参数
 */
request.interceptors.request.use((url, options): any => {
  console.log('请求拦截器', options);
  const userNo = '123456';
  const { params, data, method } = options;
  let resData = null;
  if (method === 'get') {
    resData = { url, options: { ...options, params: { ...params, userNo } } };
  }
  if (method === 'post') {
    resData = { url, options: { ...options, data: { ...data, userNo } } };
  }
  return resData; // return的是{url,options}，即接收到的参数
});

/**
 * 响应拦截器
 */
request.interceptors.response.use(async (response) => {
  console.log('响应拦截器', response);
  return response;
});

export default request;
